<template>
  <div>这是详情页面 - {{ id }}</div>
</template>

<script>
export default {
  props: ["id"],
  // data() {
  //   return {
  //     id: 0,
  //   };
  // },
  // created() {
  //   // this.$route表示当前页面的路由信息
  //   // this.$route.params.id是用来获取动态路由参数
  //   console.log(this.$route);
  //   // console.log(this.$route.params.id);
  //   this.id = this.$route.params.id;
  // },
  // watch: {
  //   $route(to, from) {
  //     // console.log(val);
  //     // console.log(oldVal);
  //     this.id = to.params.id;
  //   },
  // },
};
</script>
